import React from 'react'
import styles from './style.module.css'
import img1 from '../../../assets/golive/pic_dd.png'
import cart1 from "../../../assets/cart1.jpg";
import Nav from '../../../components/nav'

function Index() {
    return (
        <div className={styles.container}>
            <Nav/>
            <div className={styles.content}>
                <div>
                    <h2 style={{
                        margin: '8px 0 4px 0'
                    }}>待付款</h2>
                    <h5 style={{color: 'rgba(102,102,102,1)', margin: '4px 0px 10px 0'}}>等待买家付款</h5>
                    <div className={styles.tips}>好友暂未完善领取信息，分享当前页面提示好友前往完善<img src={img1} alt={""}/></div>
                </div>
                <div className={styles.goods}>
                    <img src={cart1} alt="" style={{borderRadius: '8px'}}/>
                    <div style={{
                        padding: '2px 0 2px 10px',
                        display: 'flex',
                        flexDirection: 'column',
                        justifyContent: 'space-around',
                        // marginLeft:'10px'
                    }}>
                        <b>陶瓷盖碗套组龙泉青瓷</b>
                        <span>淡青色</span>
                        <div style={{
                            display: 'flex',
                            justifyContent: 'space-between',
                            alignItems: 'center'
                        }}>
                            <b style={{marginRight: '10px'}}>¥50.00</b>
                        </div>
                    </div>
                </div>

                <div className={styles.freight}>
                    <div>运费<b className={styles.money}>¥10.00</b></div>
                    <div>优惠券<b className={styles.money}>¥10.00</b></div>
                    <div>实付款（含运费）<b className={styles.money}>¥10.00</b></div>
                </div>

                <div className={styles.buyer}>
                    <div>购买人<b>圆咕隆咚大眼睛</b></div>
                    <div>购买人联系方式<b>136609898987</b></div>
                </div>

                <div className={styles.buyer}>
                    <div>订单类型<b>转赠</b></div>
                    <div>订单备注<b>蔬菜要新鲜，包装要好，质量保障 损坏包退</b></div>
                    <div>支付方式<b>微信支付</b></div>
                    <div>订单编号<b>345678878545454</b></div>
                </div>
                <div className={styles.footer}>
                    <button className={styles.btn} style={{
                        backgroundColor: '#EBEBF3',
                        color: 'black'
                    }}>取消订单
                    </button>
                    <button className={styles.btn} style={{
                        backgroundColor: 'black',
                        color: 'white'
                    }}>付款59:00
                    </button>
                </div>
            </div>


        </div>
    );
}

export default Index
